<template>
  <div id="app">
    <!-- <item :data="iframe1" class="item"></item>
    <item :data="iframe2" class="item"></item>
    <item :data="iframe3" class="item"></item>
    <item :data="iframe3" class="item"></item> -->
  </div>
</template>

<script>
import Item from './components/item.vue'
export default {
  data:function(){
    return {
      iframe1:{
        menu:'http://192.168.1.203:8080/saMgmt/loadMenu.do',
        body:'http://192.168.1.203:8080/saMgmt/loadBody.do',
        bar:'http://192.168.1.203:8080/saMgmt/loadBar.do?areaID=0'
      },
      iframe2:{
        menu:'http://192.168.1.213:8080/saMgmt/loadMenu.do',
        body:'http://192.168.1.213:8080/saMgmt/loadBody.do',
        bar:'http://192.168.1.213:8080/saMgmt/loadBar.do?areaID=0'
      },
      iframe3:{
        menu:'http://192.168.1.223:8080/saMgmt/loadMenu.do',
        body:'http://192.168.1.223:8080/saMgmt/loadBody.do',
        bar:'http://192.168.1.223:8080/saMgmt/loadBar.do?areaID=0'
      }
    }
  },
  name: 'App',
  components: {
    Item
  }
}
</script>

<style>
  *{
    margin: 0px;
    padding: 0px;
  }
  #app{
    margin: 0px;
    padding: 0px;
  }
  .item{
    width: 50%;
    float: left;
  }
</style>
